<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card shadow="never">
        <!-- 标题 -->
        <p class="title">试题录入</p>
        <!-- 表单 -->
        <el-form label-width="150px" :model="formNEW">
          <el-form-item label="学科：">
            <el-select placeholder="请选择" class="selectBox" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="目录：">
            <el-select placeholder="请选择" class="selectBox" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="企业：">
            <el-select placeholder="请选择" class="selectBox" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="城市：">
            <el-select placeholder="请选择" class="selectBox city" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
            <el-select placeholder="请选择" class="selectBox city" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="方向：">
            <el-select placeholder="请选择" class="selectBox" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="题型：">
            <el-radio-group>
              <el-radio label="单选"></el-radio>
              <el-radio label="多选"></el-radio>
              <el-radio label="简单"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="难度：">
            <el-radio-group>
              <el-radio label="简单"></el-radio>
              <el-radio label="一般"></el-radio>
              <el-radio label="困难"></el-radio>
            </el-radio-group>
          </el-form-item>

          <!-- 富文本 -->
          <el-form-item label="题干：">
            <Editor />
          </el-form-item>

          <el-form-item label="选项：">
            <div class="selectItem">
              <el-radio label=""></el-radio>
              <span>A：</span>
              <el-input></el-input>
              <UpImg />
            </div>
            <div class="selectItem">
              <el-radio label=""></el-radio>
              <span>B：</span>
              <el-input></el-input>
              <UpImg />
            </div>
            <div class="selectItem">
              <el-radio label=""></el-radio>
              <span>C：</span>
              <el-input></el-input>
              <UpImg />
            </div>
            <div class="selectItem">
              <el-radio label=""></el-radio>
              <span>D：</span>
              <el-input></el-input>
              <UpImg />
            </div>
            <el-button type="danger" plain>+增加选项与答案</el-button>
            
          </el-form-item>
             <el-form-item label="视频解析：">
            <el-input class="selectBox"></el-input>
          </el-form-item>
          <!-- 富文本 -->
          <el-form-item label="答案解析：">
            <Editor />
          </el-form-item>
          <el-form-item label="题目备注：">
            <el-input type="textarea" class="selectBox"></el-input>
          </el-form-item>
          <el-form-item label="试题标签：">
            <el-select placeholder="请选择试题标签" class="selectBox" v-model="formNEW.xx">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary">确认提交</el-button>
          </el-form-item>
        </el-form>
      </el-card>
    </div>
  </div>
</template>

<script>
import Editor from "../components/wangEdite.vue";
import UpImg from '../components/uploadImg.vue'
export default {
  components: {
    Editor,
    UpImg
  },

  data() {
    return {
      formNEW: {},
    };
  },
};
</script>

<style scoped lang="scss">
.app-container {
  .title {
    border-bottom: 1px solid #ebeef5;
    padding: 0 0 20px 20px;
  }
  ::v-deep .el-card__body {
    padding: 0;
  }
  .selectBox {
    width: 440px;
    margin-right: 10px;
  }
  .city {
    width: 215px;
  }
  .selectItem {
    display: flex;
    align-items: center;
    margin-bottom: 30px;

    .el-input {
      width: 270px;
    }
  }
  ::v-deep .el-textarea__inner {
    height: 100px;
  }
  ::v-deep .el-form-item__label {
    font-size: 16px;
  }
  .el-radio {
    margin-right: 0px;
  }
  .el-radio-group {
    .el-radio {
      margin-right: 30px;
    }
  }
}
</style>
